<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <title>收银管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <meta name="MobileOptimized" content="320"/>
    <link href="../../resources/plugins/font-awesome/css/font-awesome.min.css" th:href="@{/resources/plugins/font-awesome/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/plugins/bootstrap/css/bootstrap.min.css" th:href="@{/resources/plugins/bootstrap/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/css/style.css" th:href="@{/resources/css/style.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/css/style-responsive.css" th:href="@{/resources/css/style-responsive.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/css/plugins.css" th:href="@{/resources/css/plugins.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/css/pages/tasks.css" th:href="@{/resources/css/pages/tasks.css}" rel="stylesheet" type="text/css"/>
    <link href="../../resources/css/themes/default.css" th:href="@{/resources/css/themes/default.css}" rel="stylesheet" type="text/css" id="style_color"/>
    <style>

        .checkOutLists {
            padding-left: 10px
        }

        #li_member:hover #secondMenu {
            background: #3D3D3D;
            display: block;
            position: absolute;
            top: 205px;
            left: 226px;
            width: 170px;
        }

        #secondMenu {
            display: none
        }

        .logo{
            padding-left:40px;
            margin-top:-20px;
            height:50px
        }
    </style>


</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<div class="header navbar navbar-inverse navbar-fixed-top">
    <div class="header-inner">
        <a class="navbar-brand" href="#">
            <img src="../../resources/img/logo.png" alt="logo" class="logo"/>
        </a>
        <a href="javascript:;" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <img src="../../resources/img/menu-toggler.png" alt=""/>
        </a>
        <ul class="nav navbar-nav pull-right">

            <li id="problemLi" class="dropdown user">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"
                   data-close-others="true">

                    <span  class="username" th:text="${session.currentUser.name}">收银员</span>

                    <i class="fa fa-angle-down"></i>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="extra_profile.html" target="functionsList" th:href="@{/link/personDetails}"><i class="fa fa-user"></i>个人信息</a></li>

                    <li class="divider"></li>
                    <!--<li><a href="extra_lock.html"><i class="fa fa-lock"></i> 锁屏</a></li>-->
                    <li><a href="login/login.html" th:href="@{/login/logout}"><i class="fa fa-key"></i> 退出</a></li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<div class="clearfix"></div>
<!-- BEGIN CONTAINER -->
<div class="page-container">
    <!-- BEGIN SIDEBAR -->
    <div class="page-sidebar navbar-collapse collapse">
        <ul class="page-sidebar-menu">
            <!--<li>-->
                <!--<form class="sidebar-search" action="#" method="POST">-->
                    <!--<div class="form-container">-->
                        <!--<div class="input-box">-->
                            <!--<a href="javascript:;" class="remove"></a>-->
                            <!--<input type="text" placeholder="搜索..."/>-->
                            <!--<input type="button" class="submit" value=" "/>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</form>-->
            <!--</li>-->
            <li class="start active" style="margin-top: 65px">
                <a href="mainPage.html" th:href="@{/link/mainPage}" target="functionsList">
                    <i class="fa fa-home"></i>
                    <span class="title">首页</span>
                    <span class="selected"></span>
                </a>
            </li>
            <li>
                <a href="notice.html" th:href="@{/link/notice}" target="functionsList">
                    <i class="fa fa-table"></i>
                    <span class="title">公告栏</span>
                    <span class="arrow "></span>
                </a>
            </li>
            <li id="li_member">
                <a href="javascript:void;" target="functionsList">
                    <i class="fa fa-leaf"></i>
                    <span class="title">会员管理</span>
                    <span class="arrow "></span>
                </a>
                <ul id="secondMenu" class="page-sidebar-menu ">
                    <li id="li_memberSearch">
                        <a href="memberSearch.html" th:href="@{/link/memberSearch}" target="functionsList">
                            <i class="fa fa-search"></i>
                            <span class="title">会员查询</span>
                            <span class="arrow"></span>
                        </a>
                    </li>
                    <li>
                        <a href="memberAdd.html" th:href="@{/link/memberAdd}" target="functionsList">
                            <i class="fa fa-heart"></i>
                            <span class="title">会员办理</span>
                            <span class="arrow"></span>
                        </a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="goodsSearch.html" th:href="@{/link/goodsSearch}" target="functionsList">
                    <i class="fa fa-search"></i>
                    <span class="title">商品查询</span>
                    <span class="arrow "></span>
                </a>

            </li>
            <li>
                <a href="goodsReject.html" th:href="@{/link/goodsReject}" target="functionsList">
                    <i class="fa fa-fire"></i>
                    <span class="title">退货管理</span>
                    <span class="arrow "></span>
                </a>
            </li>
            <li>
                <a href="checkOut.html" th:href="@{/link/checkOut}" target="functionsList">
                    <i class="fa fa-folder-open"></i>
                    <span class="title">收银</span>
                    <span class="arrow "></span>
                </a>

            </li>


        </ul>
    </div>
    <div class="page-content">
        <div class="row">
            <iframe class="checkOutLists" name="functionsList" zoom="1.0" th:src="@{/link/mainPage}" src="mainPage.html" frameBorder="0"
                    scrolling="no" height="700px" width="1040px">
            </iframe>
        </div>
    </div>
</div>
<div class="footer" style="margin-left:20px;margin-top:10px">
    <div class="footer-inner">
        Design By DPTeam
    </div>
</div>
<script src="../../resources/plugins/jquery-1.10.2.min.js" th:src="@{/resources/plugins/jquery-1.10.2.min.js}" type="text/javascript"></script>
<script src="../../resources/plugins/bootstrap/js/bootstrap.min.js" th:src="@{/resources/plugins/bootstrap/js/bootstrap.min.js}" type="text/javascript"></script>
<script src="../../resources/plugins/bootstrap/js/bootstrap.js" th:src="@{/resources/plugins/bootstrap/js/bootstrap.js}" type="text/javascript"></script>
</body>

<script type="text/javascript">
    // <![CDATA[
    $('li').click(function () {
        $('li').removeClass('active');
        $(this).addClass('active');
    });

    $("#problemLi").click(function(){

        $("#problemLi").attr('class','open'
        )
    })

    // ]]>
</script>
</html>
